<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">

<title>zFMmenu - zon Fixed-position Navigation/Share Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Fixed-position navigation and share (Twitter retweet & Facebook share/like) menu widget for blogs/websites" />
<meta name="keywords" content="menu, navigation, twitter, facebook, tweet, share, like, widget, gadget, fixed" />
<meta name="robots" content="index,follow,noodp,noydir" />
<meta name="generator" content="zon" />
<link rel="shortcut icon" type="image/x-icon" href="http://zfpmenu.googlecode.com/svn/trunk/img/zfpmenu-favicon.ico" />
<link rel="stylesheet" type="text/css" media="all" href="http://zfpmenu.googlecode.com/svn/trunk/css/zfpmenu-demo-page.css" />

</head>

<body>

<!--[if lt IE 8]>
<script type="text/javascript">
// document.write('<div style="text-align:center; padding:5px; border:1px solid #FFCC00; background-color:#FFEECC; font-weight:bold;">Your are currently using OUTDATED VERSION of Internet Explorer browser! <a title="Go to the official Microsoft Internet Explorer website" href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Please upgrade now</a> to the the latest version.</div>');
// var IEwindow = window.open('http://www.microsoft.com/windows/internet-explorer/default.aspx'); IEwindow.blur(); window.focus();
</script>
<![endif]-->

<div id="zWrapper">

<div id="zHeaderWrapper">
	<div id="zSiteTitle">
		<h1>zFPmenu</h1>
	</div>
	<div id="zSiteDescription">
		<h2>Fixed-Position Navigation/Share Menu | zon</h2>
	</div>
	<div class="clear"></div>
</div><!-- zHeaderWrapper -->

<div class="clear"></div>

<div id="zContentWrapper">
	<div id="zContent">
		<h3>zFPmenu Code</h3>
		<p>Put this code into your web pages (before the closing <code>&lt;/body&gt;</code> tag):</p>
		<pre>
&lt;!-- zFPmenu START --&gt;
&lt;div id=&quot;zfpm_div&quot; style=&quot;display:none;&quot;&gt;
&lt;div id=&quot;zfpm_upperBox&quot;&gt;
<span style="color:#090;">Place ads, text message, or anything here.</span>
&lt;/div&gt;
&lt;ul id=&quot;zfpm_ul&quot;&gt;
&lt;!-- Your menus start --&gt;
	<span style="color:#090;">&lt;li&gt;&lt;a href=&quot;&quot;&gt;YOUR MENU-1&lt;/a&gt;&lt;/li&gt;
	&lt;li class=&quot;dir&quot;&gt;&lt;a href=&quot;&quot;&gt;YOUR MENU 2 (containing submenu)&lt;/a&gt;&lt;/li&gt;
	&lt;ul&gt;
		&lt;li class=&quot;dir&quot;&gt;&lt;a href=&quot;&quot;&gt;YOUR SUBMENU 2.1 (containing sub-submenu)&lt;/a&gt;&lt;/li&gt;
		&lt;ul&gt;
			&lt;li&gt;&lt;a href=&quot;&quot;&gt;YOUR SUB-SUBMENU 2.1.1&lt;/a&gt;&lt;/li&gt;
			&lt;li&gt;&lt;a href=&quot;&quot;&gt;YOUR SUB-SUBMENU 2.1.2&lt;/a&gt;&lt;/li&gt;
		&lt;/ul&gt;
		&lt;li&gt;&lt;a href=&quot;&quot;&gt;YOUR SUBMENU 2.2&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href=&quot;&quot;&gt;YOUR SUBMENU 2.3&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;
	&lt;li&gt;&lt;a href=&quot;&quot;&gt;YOUR MENU 3&lt;/a&gt;&lt;/li&gt;</span>
&lt;!-- Your menus end --&gt;
&lt;/ul&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
var zfpm_colorTheme = '<span style="color:#090;">light</span>';	// CHOOSE COLOR THEME: 'dark' OR 'light'
var zfpm_shareButton = '<span style="color:#090;">no</span>';	// SHOW SHARE BUTTONS? 'yes' OR 'no'<!--
var zfpm_waitForPageLoad = '<span style="color:#090;">yes</span>';	// MENU WAIT FOR PAGE LOADING? 'yes' OR 'no' -->
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://zfpmenu.googlecode.com/svn/trunk/js/zfpmenu.js&quot;&gt;&lt;/script&gt;
&lt;!-- zFPmenu END --&gt;</pre>
		<p>&nbsp;</p>
		<p>*</p>
		<p>&nbsp;</p>
		<h3>Configuration</h3>
		<h4>Menu</h4>
		<p>
		Replace menu with your own menu. Place <code>class="dir"</code> attribute inside <code>li</code> tag where you want to add submenu.
		</p>
		<p>&nbsp;</p>
		<h4>Setting</h4>
		<p>
		You can also change the color theme and the share buttons visibility setting.
		</p>
		<p>
		<code>zfpm_colorTheme = 'light'</code><br />
		Valid input: <code>'light'</code> or <code>'dark'</code><br />
		Set the color theme for the menu widget.
		</p>
		<p>
		<code>zfpm_shareButton = 'no'</code><br />
		Valid input: <code>'yes'</code> or <code>'no'</code><br />
		Show the Twitter 'Retweet', Facebook 'Share' and Facebook 'Like' buttons or not.
		</p>
<!--		<p>
		<code>zfpm_waitForPageLoad = 'yes'</code><br />
		Valid input: <code>'yes'</code> or <code>'no'</code><br />
		By default, the menu will appear only if the web page is fully loaded. You can change it, so the menu script can be run immediately without having to wait for the completion of the web page loading.
		</p> -->
		<h5>Setting Preview</h5>
		<p>
			<table>
				<tbody>
					<tr>
						<td>
						Color theme:
						</td>
						<td>
						<input type="button" value="dark" onclick="zfpm_putThemeCssLinkNode(this.value); zfpm_putThemeStyleNode(this.value);" />
						<input type="button" value="light" onclick="zfpm_putThemeCssLinkNode(this.value); zfpm_putThemeStyleNode(this.value);" />
						</td>
					</tr>
					<tr>
						<td>
						Show share buttons:
						</td>
						<td>
						<input type="button" value="yes" onclick="zfpm_toggleShareButton('show')" />
						<input type="button" value="no" onclick="zfpm_toggleShareButton('hide')" />
						</td>
					</tr>
				</tbody>
			</table>
		</p>
		<p>
		<input type="button" value="Reset All Settings" onclick="location=self.location.href;" />
		</p>
		<p>&nbsp;</p>
		<h4>Upper Box</h4>
		<p>
		You can also place text messages, advertisements, or whatever you like in the <code>div</code> box with the ID <code>zfpm_upperBox</code> (above the menu).
		</p>
		<p>
		<input id="zfpm_adsButton" type="button" value="Show Demo" onclick="zToggleElementDisplay('zfpm_adsDiv','none','block'); zToggleElementValue('zfpm_adsButton','Show Demo','Close Demo');" />
		</p>
		<script type="text/javascript">
		function zToggleElementDisplay(elementId,value1,value2) {
			var elementObj = document.getElementById(elementId);
			if (elementObj.style.display == value1) {
				elementObj.style.display = value2;
				} else { elementObj.style.display = value1;
			}
		}
		function zToggleElementValue(elementId,value1,value2) {
			var elementObj = document.getElementById(elementId);
			if (elementObj.value == value1) {
				elementObj.value = value2;
				} else { elementObj.value = value1;
			}
		}
		</script>
		<p>&nbsp;</p>
		<p>*</p>
		<p>&nbsp;</p>
		<h3>Warning</h3>
		<p>This script is not design for Internet Explorer 6 browser.<br />
		Instead, if you add a variable <code>var zfpm_ieUpgradeMessage = 'yes';</code> to the script, it will show an upgrade notification message for IE 6 users on the top of page.</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<p>&nbsp;</p>
		<h3>Latest Articles</h3>
		<p style="font-size:x-small">(this is a filler content only)</p>
		<div id="zLatestArticleDiv"></div>
		<p> </p>
	</div>
</div><!-- zContentWrapper -->

<div id="zSidebarWrapper">
	<div id="zWidget1" style="padding:10px; background:#cdf;">
		<h2>A Love Letter</h2>
		<h4>by: Digital Poet</h4>
		<h6>(this is a filler div only)</h6>
		<!-- Sidebar filler -->
		<script type="text/javascript">// <![CDATA[
		var zContentHTML = document.getElementById('zContent').innerHTML;
		var zcontentfillDiv1 = document.createElement('div');
		zcontentfillDiv1.setAttribute('style','word-wrap:break-word; overflow:hidden; padding:10px; background:#e0e9ff;');
		zcontentfillDiv1.innerHTML = escape(zContentHTML);
		var zTargetPlace = document.getElementById('zWidget1');
		zTargetPlace.appendChild(zcontentfillDiv1);
		// ]]&gt;</script>
		<!-- Sidebar filler -->
	
	</div>
	<div id="zWidget2">

<!-- zFPmenu START -->
<div id="zfpm_div">
<div id="zfpm_upperBox">
<!-- Place ads, text message, or anything here. -->
	<center>
	<div id="zfpm_adsDiv" style="display:none; margin:5px; width:468px; height:60px; background-color:#999; text-align:center;">
		<p>
		Place your ads here.
		</p>
		<p>
		<a href="javascript:void(0);" onclick="zToggleElementDisplay('zfpm_adsDiv','none','block'); zToggleElementValue('zfpm_adsButton','Show Demo','Close Demo');">Close this box.</a>
		</p>
	</div>
	</center>
</div>
<ul id="zfpm_ul" style="clear:both;">
	<li><a href="#">Home</a></li>
	<li class="dir"><a href="#">Services</a>
		<ul>
			<li><a href="#">Product Development</a></li>
			<li><a href="#">Delivery</a></li>
			<li><a href="#">Shop Online</a></li>
			<li><a href="#">Support</a></li>
			<li><a href="#">Training &amp; Consulting</a></li>
		</ul>
	</li>
	<li class="dir"><a href="#">Products</a>
		<ul>
			<li class="dir"><a href="#">New</a>
				<ul>
					<li><a href="#">Corporate Use</a></li>
					<li><a href="#">Private Use</a></li>
				</ul>
			</li>
			<li class="dir"><a href="#">Used</a>
				<ul>
					<li><a href="#">Corporate Use</a></li>
					<li><a href="#">Private Use</a></li>
				</ul>
			</li>
			<li><a href="#">Featured</a></li>
			<li><a href="#">Top Rated</a></li>
			<li><a href="#">Prices</a></li>
			<li><a href="#">Gallery</a></li>
		</ul>
	</li>
	<li class="box">
		<a href="javascript:void(0);">News &amp; Events</a>
		<ul id="zArticle">
			<li>
				<div id="zFeedBurnerDiv" style="width:300px; height:400px; overflow:auto;">
					<script src="http://feeds.feedburner.com/Inimucom?format=sigpro" type="text/javascript"></script>
					<script type="text/javascript">
					if (document.getElementById('creditfooter') == null) {
						} else {
						document.getElementById('creditfooter').style.display = 'none';
					}
					function zShowHideFB(containerId) {
						if (document.getElementById(containerId).childNodes[2].childNodes[0] == null) {
							} else {
							var FBul = document.getElementById(containerId).childNodes[2].childNodes[0];
							if (FBul.style.position != 'relative') {
								FBul.style.position = 'relative';
							}
							if (FBul.style.display == 'block') {
								FBul.style.display = 'none';
								} else {
								FBul.style.display = 'block';
							}
						}
					}
					</script>
				</div>
			</li>
		</ul>
	</li>
	<li class="dir"><a href="#">About Us</a>
		<ul>
			<li><a href="#">History</a></li>
			<li><a href="#">Our Vision</a></li>
			<li class="dir"><a href="#">The Team</a>
				<ul>
					<li><a href="#">Brigita</a></li>
					<li><a href="#">John</a></li>
					<li><a href="#">Michael</a></li>
					<li><a href="#">Peter</a></li>
					<li><a href="#">Sarah</a></li>
				</ul>
			</li>
			<li><a href="#">Clients</a></li>
			<li><a href="#">Testimonials</a></li>
			<li><a href="#">Press</a></li>
			<li><a href="#">FAQs</a></li>
			<li><a href="#">Careers</a></li>
			<li class="separator"></li>
			<li class="dir"><a href="#">Contact Us</a>
				<ul>
					<li><a href="#">Enquiry Form</a></li>
					<li><a href="#">Map &amp; Driving Directions</a></li>
					<li><a href="#">Your Feedback</a></li>
				</ul>
			</li>
		</ul>
	</li>
</ul>
</div>
<script type="text/javascript">// <![CDATA[
var zfpm_colorTheme='light';
var zfpm_shareButton='yes';
var zfpm_waitForPageLoad = 'yes';
var zfpm_ieUpgradeMessage = 'yes';
var zfpm_ieUpgradeMessageForIe6or7 = 6;
// ]]&gt;</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://zfpmenu.googlecode.com/svn/trunk/js/zfpmenu.js"></script>
<!-- zFPmenu END -->

	</div>

	<div id="zWidget3">
	</div>

</div><!-- zSidebarWrapper -->

<div class="clear"></div>

<div id="zFooterWrapper" style="text-align:center;">
	<div id="zNetwork">
		<ul><li><a href="http://inimu.com">Indonesian Blog</a></li><li><a href="http://www.webtagging.com">Website Tagging</a></li><li><a href="http://www.fandigital.com">Digital Technology Blog</a></li><li><a href="http://www.seru.co.tv">Free Online TV</a></li><li><a href="http://www.zons.000a.biz">Online Business</a></li><li><a href="http://zonspot.blogspot.com">Fun & Entertainment Spot</a></li><li><a href="http://zons.wordpress.com">Personal Blog</a></li></ul>
	</div>
</div><!-- zFooterWrapper -->

</div><!-- zWrapper -->

</body>

</html>
